import { connect } from 'react-redux'
import { incA, decA } from '../redux/actions'
import Count from '../Count'
// WithCount组件的作用: 他们内部监听了redux数据的变化, 如果redux数据变化,WithCount更新.Count是WithCount的子组件,所以Count也会更新
//mapState调用时机: 1. connect函数执行时,为了一开始就把redux数据传递给Count组件 2. 当redux数据变化时,将最新的数据传递给Count
function mapStateToProps(state) {
  return {
    xxx: state.count,
  }
}

// 调用时机: connect函数执行时,调用.为了将包裹了dispatch代码的函数,传给展示组件
function mapDispatchToProps(dispatch) {
  return {
    inc: function (num) {
      dispatch(incA(num))
    },
    dec: function (num) {
      dispatch(decA(num))
    },
  }
}
const WithCount = connect(mapStateToProps, mapDispatchToProps)(Count)

export default WithCount
